extends ../layout

block css
    link(rel='stylesheet', href='/css/base/ck_base.css', media='screen')
    link(rel='stylesheet', href='/css/user/ck_user2.css', media='screen')
    link(href='/css/pay/base.css', rel='stylesheet', type='text/css')
    link(href='/css/pay/pay.css', rel='stylesheet', type='text/css')
    link(href='/webuploader/style.css', rel='stylesheet', type='text/css')
    style(type='text/css').
      .formItem {
      margin-left: 130px;
      }
      .n_btn28g, .n_btn24o, .n_btn24gr, .n_btn30g, .n_btn34g, .n_btn34lg_up, .n_btn34g_add, .n_btn34lg_add, .n_btn32g_, .n_btn36g, .n_btn24g, .n_btn30gr_b, .n_btn30gr_up, .n_btn30gr_swf, .n_btn34gr_b, .n_btn34lg, .n_btn36lg, .n_btn38g, .n_btn38gr_b, .n_btn30o, .n_btn36o, .n_btn38o, .n_btn40lg, .n_btn46g, .n_btn46gr {
      display: inline-block;
      color: #fff;
      text-align: center;
      }
      .n_btn38g {
      height: 38px;
      padding: 0 23px;
      font: 700 16px/38px 'simsun';
      background: #337CE0;
      }
      .bankInfoView {
      padding: 20px;
      }
      hr {
      margin-top: 20px;
      margin-bottom: 20px;
      border: 0;
      border-top: 1px solid #59acec;
      }
      #uploader input[type=file]{
      display: none;
      }
      .fk_wrap{
      margin-top: 20px;
      }
block js
    script(src='/js/jquery-1.8.0.min.js')
    script(src='/js/html5.js')
    script(src='/js/jquery.common.js')
    script(src='/js/user/index.js')
    script(src='/webuploader/webuploader.nolog.min.js')

block content

    .wrap-pay
      .bd.fk_wrap
        .deal-detail.clearfix
          .left-part
            .f16
              span Java面试那些题
            .f12.mt15
              span 交易方：宅客学院
          .right-part(style='width:455px')
            .f16.tr
              | 订单金额：
              span.f20.c_f60 10.00
              | 元
            .tr.f12.c_777.mt10
              | 请于48小时内完成订单支付，超过时间需重新下单。付款剩余时间：
              span#remainTime.c_f60 47小时50分23秒
          script(type='text/javascript').
            var remainTime = 172799; //按秒计算
            function CountDown() {
            if (remainTime > 0) {
            hours = Math.floor(remainTime / 3600);
            minutes = Math.floor(remainTime % 3600 / 60);
            seconds = Math.floor(remainTime % 3600 % 60);
            var text = "";
            if (hours > 0) {
            text = hours + "小时";
            }
            if ((hours > 0 && minutes == 0) || minutes > 0) {
            text = text + minutes + "分";
            }
            text = text + seconds + '秒';
            $("#remainTime").html(text);
            --remainTime;
            } else {
            $("#fe_window_mask").css('display', 'block');
            $("#orderInvalid").show();
            orderlisttimer = setInterval("orderlist()", 1000);
            clearInterval(paytimer);
            clearInterval(timer);
            }
            }
            var paytime = 60 * 30;
            function payCountDown() {
            if (paytime > 0) {
            --paytime;
            } else {
            $('#fe_window_mask').css('display', 'block');
            $("#paytimeout").show();
            clearInterval(paytimer);
            }
            }
            var timer = setInterval("CountDown()", 1000);
            var paytimer = setInterval("payCountDown()", 1000);
        #payChoices.pay-box
          form#prePayForm(name='prePayForm', method='post', action=' ')
            dl
              dd
                .pay-item.clearfix
                  .left-part
                    span.f16(style="font-family:'Microsoft Yahei'") 汇款信息确认
                  #editAddress.selectBank.cb(style='padding: 20px 0px 0px; margin:0px;display: block;')
                    .s_bd(style='overflow: hidden;background-color: #96ccec;border-top: 0px')
                      .bankInfoView
                        img(src='/images/csnsh.png')
                        br
                        |                                         开户银行：江苏常熟农村商业银行东南支行
                        br
                        |                                         汇款账号：
                        b
                          font(color='Black') 1012 3000 1013 8049 53
                        br
                        |                                         收款单位：常熟市百分培训中心
                        hr
                        span(style='font-size:14px;color:red')
                          | 特别提醒：您汇款后，请拍照并上传汇款单，并及时
                          a(href='/about.php?info_id=5', target='_blank') 与我们取得联系
                          | ，以便尽早开通课程,谢谢您的支持！
                        br
                        b
                          font(color='Black') 蓝色区域内容可为富文本
                #uploader
                  .queueList
                    #dndArea.placeholder
                      #filePicker.webuploader-container
                        .webuploader-pick 点选/拖拽/截图粘贴
            .mt20(style='padding-left:90px;')
              a.n_btn40o(href='https://pay.chuanke.com/st/PrePay?r=1471329526#') 保存
              #showError.f12.c_f60.mt5(style='display: none')
              input#moneyError(type='hidden', value='10.00')
    script(type='text/javascript').
      var uploader = WebUploader.create({
      // 选完文件后，是否自动上传。
      auto: true,
      // swf文件路径
      swf: 'webuploader/Uploader.swf',
      // 文件接收服务端。
      server: 'http://webuploader.duapp.com/server/fileupload.php',
      // 选择文件的按钮。可选。
      // 内部根据当前运行是创建，可能是input元素，也可能是flash.
      pick: '#uploader',
      // 只允许选择图片文件。
      accept: {
      title: 'Images',
      extensions: 'gif,jpg,jpeg,bmp,png',
      mimeTypes: 'image/*'
      }
      });
